<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>分类页面</title>
    <link rel="stylesheet" href="./css/nav.css"/>
    <link rel="stylesheet" href="./css/sidebar.css"/>
    <link rel="stylesheet" href="./css/footer.css">
    <link rel="stylesheet" href="./css/category.css">
    <style>
        * {
            margin: 0;
            padding: 0;
            font-size: 14px;
        }
    </style>
</head>

<body>

    <div class="nav">
        <div class="nav-box">
            <div class="nav-left">
                <a href="index.html">
                    <img class="logo-img" src="images/index/nav/logo.png" alt="">
                </a>
                <div class="nav-location">
                    <img src="images/index/nav/icon1.png" alt="">
                    <span>北京</span>
                    <img src="images/index/nav/icon2.png" alt="">
                    <div class="nav-city">
                        <div class="city-box">
                            <div class="now-city">
                                <span class="title-city">当前城市:</span>
                                <span class="name-city select-city">北京</span>
                            </div>
                            <div class="hot-city">
                                <span class="title-city">热门城市:</span>
                                <div class="list-more">
                                    <span class="name-city" data-spm="dselectcity&clicktitle=全国">全国</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=北京">北京</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=上海">上海</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=深圳">深圳</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=广州">广州</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=杭州">杭州</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=天津">天津</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=重庆">重庆</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=成都">成都</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=中国香港">中国香港</span>
                                </div>
                            </div>
                            <div class="other-city">
                                <span class="title-city">其他城市</span>
                                <div class="list-more">
                                    <span class="name-city" data-spm="dselectcity&clicktitle=杭州">杭州</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=北京">北京</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=上海">上海</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=天津">天津</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=成都">成都</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=南京">南京</span>
                                    <span class="name-city" data-spm="dselectcityclicktitle=深圳">深圳</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=苏州">苏州</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=广州">广州</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=重庆">重庆</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=武汉">武汉</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=西安">西安</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=长沙">长沙</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=青岛">青岛</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=郑州">郑州</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=合肥">合肥</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=厦门">厦门</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=昆明">昆明</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=宁波">宁波</span>
                                    <span class="name-city" data-spm="dselectcity&;clicktitle=沈阳">沈阳</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=太原">太原</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=大连">大连</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=济南">济南</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=哈尔滨">哈尔滨</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=福州">福州</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=佛山">佛山</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=南昌">南昌</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=南宁">南宁</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=无锡">无锡</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=常州">常州</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=石家庄">石家庄</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=长春">长春</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=贵阳">贵阳</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=珠海">珠海</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=绍兴">绍兴</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=嘉兴">嘉兴</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=海口">海口</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=包头">包头</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=南通">南通</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=盐城">盐城</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=中国澳门">中国澳门</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=中山">中山</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=东莞">东莞</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=温州">温州</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=湖州">湖州</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=泉州">泉州</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=泰州">泰州</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=呼和浩特">呼和浩特</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=中国香港">中国香港</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=宝鸡">宝鸡</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=台州">台州</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=济宁">济宁</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=金华">金华</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=银川">银川</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=兰州">兰州</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=洛阳">洛阳</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=徐州">徐州</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=连云港">连云港</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=宿迁">宿迁</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=南阳">南阳</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=乌鲁木齐">乌鲁木齐</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=宜昌">宜昌</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=株洲">株洲</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=河源">河源</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=廊坊">廊坊</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=秦皇岛">秦皇岛</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=淄博">淄博</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=景德镇">景德镇</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=扬州">扬州</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=遵义">遵义</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=绵阳">绵阳</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=阜阳">阜阳</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=西宁">西宁</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=舟山">舟山</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=滨州">滨州</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=邯郸">邯郸</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=日照">日照</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=张家口">张家口</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=鞍山">鞍山</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=赣州">赣州</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=吉林">吉林</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=江门">江门</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=柳州">柳州</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=莆田">莆田</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=肇庆">肇庆</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=大庆">大庆</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=东方">东方</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=淮安">淮安</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=惠州">惠州</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=辽阳">辽阳</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=威海">威海</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=新乡">新乡</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=蚌埠">蚌埠</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=滁州">滁州</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=焦作">焦作</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=酒泉">酒泉</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=丽江">丽江</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=芜湖">芜湖</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=漳州">漳州</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=泸州">泸州</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=保定">保定</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=沧州">沧州</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=广安">广安</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=桂林">桂林</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=凉山">凉山</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=临夏">临夏</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=齐齐哈尔">齐齐哈尔</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=唐山">唐山</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=渭南">渭南</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=襄阳">襄阳</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=兴安盟">兴安盟</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=烟台">烟台</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=榆林">榆林</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=湛江">湛江</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=镇江">镇江</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=衢州">衢州</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=安顺">安顺</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=长治">长治</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=赤峰">赤峰</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=东营">东营</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=鄂尔多斯">鄂尔多斯</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=菏泽">菏泽</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=衡阳">衡阳</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=呼伦贝尔">呼伦贝尔</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=锦州">锦州</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=拉萨">拉萨</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=丽水">丽水</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=六安">六安</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=梅州">梅州</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=眉山">眉山</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=盘锦">盘锦</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=汕头">汕头</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=上饶">上饶</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=石嘴山">石嘴山</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=乌兰察布">乌兰察布</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=吴忠">吴忠</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=邢台">邢台</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=雅安">雅安</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=玉溪">玉溪</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=自贡">自贡</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=安庆">安庆</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=安阳">安阳</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=白山">白山</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=保山">保山</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=朝阳">朝阳</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=潮州">潮州</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=郴州">郴州</span>
                                    <span class="name-city" data-spm="dselectcityclicktitle=承德">承德</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=大理">大理</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=德阳">德阳</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=德州">德州</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=定西">定西</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=抚州">抚州</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=阜新">阜新</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=甘孜">甘孜</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=固原">固原</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=贵港">贵港</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=海西">海西</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=衡水">衡水</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=葫芦岛">葫芦岛</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=淮南">淮南</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=佳木斯">佳木斯</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=晋城">晋城</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=晋中">晋中</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=开封">开封</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=聊城">聊城</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=临汾">临汾</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=六盘水">六盘水</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=龙岩">龙岩</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=茂名">茂名</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=南充">南充</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=南平">南平</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=萍乡">萍乡</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=普洱">普洱</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=琼海">琼海</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=三亚">三亚</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=商丘">商丘</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=朔州">朔州</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=宿州">宿州</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=遂宁">遂宁</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=塔城">塔城</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=泰安">泰安</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=天水">天水</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=通化">通化</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=铜仁">铜仁</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=潍坊">潍坊</span>
                                    <span class="name-city" data-spm="dselectcityclicktitle=梧州">梧州</span>
                                    <span class="name-city" data-spm="dselectcityclicktitle=仙桃">仙桃</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=孝感">孝感</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=许昌">许昌</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=宣城">宣城</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=延边">延边</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=宜宾">宜宾</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=玉林">玉林</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=张家界">张家界</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=昭通">昭通</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=中卫">中卫</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=亳州">亳州</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=濮阳">濮阳</span>
                                    <span class="name-city" data-spm="dselectcity&clicktitle=国际及港澳台">国际及港澳台</span></div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="nav-tabs">
                    <a href="index.html">首页</a>
                    <a href="category.html" class="active">分类</a>
                </div>
            </div>
            <div class="nav-right">
                <div class="nav-userinfo">
                    <div class="nav-login">
                        <a href="login.html">
                            <img class="icon-img" src="images/index/nav/icon3.png" alt="">
                            <span class="login-span">登录</span>
                        </a>
                        <div class="login-tabs">
                            <div class="login-list">
                                <a href="login.html" class="list-tab select">个人信息</a>
                                <a href="login.html" class="list-tab select">账号设置</a>
                                <a href="login.html" class="list-tab select">订单管理</a>
                                <!--<a href="" class="list-tab select">退出登录</a>-->
                            </div>
                        </div>
                    </div>
                    <div class="nav-download">
                        <img class="icon-img" src="images/index/nav/icon4.png" alt="">
                        <span class="login-span">下载</span>
                        <div class="nav-qrcode">
                            <img src="images/index/nav/qrcode.png" alt="">
                        </div>
                    </div>
                </div>
                <div class="nav-search">
                    <img src="images/index/nav/search.png" alt="">
                    <label id="search">
                        <input class="input-search" name="search" placeholder="搜索明星、演出、体育赛事">
                    </label>
                    <input class="input-button" type="button" value="搜索">
                </div>
            </div>
        </div>
    </div>

    <div id="category">
        <div id="category-box-top">
            共<span class="category-box-keyword">6799</span>个商品
        </div>
        <div id="category-box">
            <div class="category-main">
                <div class="category-factor">
                    <div class="factor-item">
                        <span class="factor-title">城 市：</span>
                        <div class="factor-content">
                            <div class="factor-selected">
                                当前选中城市
                                <span class="factor-selected-city">全国</span>
                            </div>
                            <div class="factor-content-main" id="city-all">
                                <span class="factor-content-item factor-content-item-default">全部</span>
                                <div class="factor-content" id="more-city">
                                    <span class="factor-content-item">上海</span>
                                    <span class="factor-content-item">北京</span>
                                    <span class="factor-content-item">杭州</span>
                                    <span class="factor-content-item">天津</span>
                                    <span class="factor-content-item">南京</span>
                                    <span class="factor-content-item">成都</span>
                                    <span class="factor-content-item">深圳</span>
                                    <span class="factor-content-item">苏州</span>
                                    <span class="factor-content-item">广州</span>
                                    <span class="factor-content-item">重庆</span>
                                    <span class="factor-content-item">武汉</span>
                                    <span class="factor-content-item">西安</span>
                                    <span class="factor-content-item">长沙</span>
                                    <span class="factor-content-item">郑州</span>
                                    <span class="factor-content-item">青岛</span>
                                    <span class="factor-content-item">厦门</span>
                                    <span class="factor-content-item">合肥</span>
                                    <span class="factor-content-item">昆明</span>
                                    <span class="factor-content-item">宁波</span>
                                    <span class="factor-content-item">太原</span>
                                    <!-- more -->
                                    <span class="factor-content-item">大连</span>
                                    <span class="factor-content-item">济南</span>
                                    <span class="factor-content-item">沈阳</span>
                                    <span class="factor-content-item">福州</span>
                                    <span class="factor-content-item">佛山</span>
                                    <span class="factor-content-item">哈尔滨</span>
                                    <span class="factor-content-item">南昌</span>
                                    <span class="factor-content-item">南宁</span>
                                    <span class="factor-content-item">无锡</span>
                                    <span class="factor-content-item">常州</span>
                                    <span class="factor-content-item">石家庄</span>
                                    <span class="factor-content-item">绍兴</span>
                                    <span class="factor-content-item">贵阳</span>
                                    <span class="factor-content-item">长春</span>
                                    <span class="factor-content-item">珠海</span>
                                    <span class="factor-content-item">嘉兴</span>
                                    <span class="factor-content-item">中国澳门</span>
                                    <span class="factor-content-item">海口</span>
                                    <span class="factor-content-item">南通</span>
                                    <span class="factor-content-item">包头</span>
                                    <span class="factor-content-item">中山</span>
                                    <span class="factor-content-item">泰州</span>
                                    <span class="factor-content-item">盐城</span>
                                    <span class="factor-content-item">泉州</span>
                                    <span class="factor-content-item">东莞</span>
                                    <span class="factor-content-item">温州</span>
                                    <span class="factor-content-item">湖州</span>
                                    <span class="factor-content-item">中国香港</span>
                                    <span class="factor-content-item">呼和浩特</span>
                                    <span class="factor-content-item">宝鸡</span>
                                    <span class="factor-content-item">金华</span>
                                    <span class="factor-content-item">南阳</span>
                                    <span class="factor-content-item">济宁</span>
                                    <span class="factor-content-item">银川</span>
                                    <span class="factor-content-item">台州</span>
                                    <span class="factor-content-item">洛阳</span>
                                    <span class="factor-content-item">宜昌</span>
                                    <span class="factor-content-item">株洲</span>
                                    <span class="factor-content-item">连云港</span>
                                    <span class="factor-content-item">兰州</span>
                                    <span class="factor-content-item">宿迁</span>
                                    <span class="factor-content-item">徐州</span>
                                    <span class="factor-content-item">乌鲁木齐</span>
                                    <span class="factor-content-item">景德镇</span>
                                    <span class="factor-content-item">河源</span>
                                    <span class="factor-content-item">扬州</span>
                                    <span class="factor-content-item">秦皇岛</span>
                                    <span class="factor-content-item">淄博</span>
                                    <span class="factor-content-item">绵阳</span>
                                    <span class="factor-content-item">遵义</span>
                                    <span class="factor-content-item">阜阳</span>
                                    <span class="factor-content-item">廊坊</span>
                                    <span class="factor-content-item">舟山</span>
                                    <span class="factor-content-item">西宁</span>
                                    <span class="factor-content-item">张家口</span>
                                    <span class="factor-content-item">滨州</span>
                                    <span class="factor-content-item">吉林</span>
                                    <span class="factor-content-item">柳州</span>
                                    <span class="factor-content-item">江门</span>
                                    <span class="factor-content-item">肇庆</span>
                                    <span class="factor-content-item">赣州</span>
                                    <span class="factor-content-item">邯郸</span>
                                    <span class="factor-content-item">威海</span>
                                    <span class="factor-content-item">惠州</span>
                                    <span class="factor-content-item">日照</span>
                                    <span class="factor-content-item">淮安</span>
                                    <span class="factor-content-item">鞍山</span>
                                    <span class="factor-content-item">东方</span>
                                    <span class="factor-content-item">丽江</span>
                                    <span class="factor-content-item">大庆</span>
                                    <span class="factor-content-item">新乡</span>
                                    <span class="factor-content-item">泸州</span>
                                    <span class="factor-content-item">滁州</span>
                                    <span class="factor-content-item">漳州</span>
                                    <span class="factor-content-item">焦作</span>
                                    <span class="factor-content-item">莆田</span>
                                    <span class="factor-content-item">蚌埠</span>
                                    <span class="factor-content-item">辽阳</span>
                                    <span class="factor-content-item">酒泉</span>
                                    <span class="factor-content-item">保定</span>
                                    <span class="factor-content-item">兴安盟</span>
                                    <span class="factor-content-item">凉山</span>
                                    <span class="factor-content-item">唐山</span>
                                    <span class="factor-content-item">桂林</span>
                                    <span class="factor-content-item">榆林</span>
                                    <span class="factor-content-item">沧州</span>
                                    <span class="factor-content-item">渭南</span>
                                    <span class="factor-content-item">芜湖</span>
                                    <span class="factor-content-item">襄阳</span>
                                    <span class="factor-content-item">鄂尔多斯</span>
                                    <span class="factor-content-item">镇江</span>
                                    <span class="factor-content-item">齐齐哈尔</span>
                                    <span class="factor-content-item">上饶</span>
                                    <span class="factor-content-item">东营</span>
                                    <span class="factor-content-item">临夏</span>
                                    <span class="factor-content-item">六安</span>
                                    <span class="factor-content-item">呼伦贝尔</span>
                                    <span class="factor-content-item">安顺</span>
                                    <span class="factor-content-item">广安</span>
                                    <span class="factor-content-item">承德</span>
                                    <span class="factor-content-item">拉萨</span>
                                    <span class="factor-content-item">晋中</span>
                                    <span class="factor-content-item">梅州</span>
                                    <span class="factor-content-item">汕头</span>
                                    <span class="factor-content-item">湛江</span>
                                    <span class="factor-content-item">玉溪</span>
                                    <span class="factor-content-item">眉山</span>
                                    <span class="factor-content-item">石嘴山</span>
                                    <span class="factor-content-item">自贡</span>
                                    <span class="factor-content-item">菏泽</span>
                                    <span class="factor-content-item">衡阳</span>
                                    <span class="factor-content-item">衢州</span>
                                    <span class="factor-content-item">赤峰</span>
                                    <span class="factor-content-item">邢台</span>
                                    <span class="factor-content-item">锦州</span>
                                    <span class="factor-content-item">长治</span>
                                    <span class="factor-content-item">雅安</span>
                                    <span class="factor-content-item">三亚</span>
                                    <span class="factor-content-item">中卫</span>
                                    <span class="factor-content-item">临汾</span>
                                    <span class="factor-content-item">丽水</span>
                                    <span class="factor-content-item">乌兰察布</span>
                                    <span class="factor-content-item">亳州</span>
                                    <span class="factor-content-item">仙桃</span>
                                    <span class="factor-content-item">佳木斯</span>
                                    <span class="factor-content-item">保山</span>
                                    <span class="factor-content-item">六盘水</span>
                                    <span class="factor-content-item">南充</span>
                                    <span class="factor-content-item">南平</span>
                                    <span class="factor-content-item">吴忠</span>
                                    <span class="factor-content-item">固原</span>
                                    <span class="factor-content-item">塔城</span>
                                    <span class="factor-content-item">大理</span>
                                    <span class="factor-content-item">天水</span>
                                    <span class="factor-content-item">孝感</span>
                                    <span class="factor-content-item">安庆</span>
                                    <span class="factor-content-item">定西</span>
                                    <span class="factor-content-item">宜宾</span>
                                    <span class="factor-content-item">宣城</span>
                                    <span class="factor-content-item">宿州</span>
                                    <span class="factor-content-item">延边</span>
                                    <span class="factor-content-item">开封</span>
                                    <span class="factor-content-item">张家界</span>
                                    <span class="factor-content-item">德州</span>
                                    <span class="factor-content-item">德阳</span>
                                    <span class="factor-content-item">抚州</span>
                                    <span class="factor-content-item">昭通</span>
                                    <span class="factor-content-item">晋城</span>
                                    <span class="factor-content-item">普洱</span>
                                    <span class="factor-content-item">朔州</span>
                                    <span class="factor-content-item">朝阳</span>
                                    <span class="factor-content-item">梧州</span>
                                    <span class="factor-content-item">泰安</span>
                                    <span class="factor-content-item">淮南</span>
                                    <span class="factor-content-item">潍坊</span>
                                    <span class="factor-content-item">潮州</span>
                                    <span class="factor-content-item">濮阳</span>
                                    <span class="factor-content-item">烟台</span>
                                    <span class="factor-content-item">牡丹江</span>
                                    <span class="factor-content-item">玉林</span>
                                    <span class="factor-content-item">琼海</span>
                                    <span class="factor-content-item">白山</span>
                                    <span class="factor-content-item">聊城</span>
                                    <span class="factor-content-item">萍乡</span>
                                    <span class="factor-content-item">衡水</span>
                                    <span class="factor-content-item">许昌</span>
                                    <span class="factor-content-item">贵港</span>
                                    <span class="factor-content-item">通化</span>
                                    <span class="factor-content-item">遂宁</span>
                                    <span class="factor-content-item">郴州</span>
                                    <span class="factor-content-item">阜新</span>
                                    <span class="factor-content-item">龙岩</span>
                                    <!-- -->
                                </div>
                                <div class="factor-more" id="more-btn">更多</div>
                                <div class="factor-less" id="less-btn">收起</div>
                            </div>
                        </div>
                    </div>
                    <div class="factor-item">
                        <span class="factor-title">分 类：</span>
                        <div class="factor-content">
                            <div class="factor-content-main" id="category-all">
                                <span class="factor-content-item factor-content-item-default">全部</span>
                                <div class="factor-content">
                                    <span class="factor-content-item">演唱会</span>
                                    <span class="factor-content-item">音乐会</span>
                                    <span class="factor-content-item">话剧歌剧</span>
                                    <span class="factor-content-item">曲苑杂坛</span>
                                    <span class="factor-content-item">展览休闲</span>
                                    <span class="factor-content-item">舞蹈芭蕾</span>
                                    <span class="factor-content-item">体育</span>
                                    <span class="factor-content-item">其他</span>
                                    <span class="factor-content-item">儿童亲子</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="factor-item">
                        <span class="factor-title">时 间：</span>
                        <div class="factor-content">
                            <div class="factor-content-main" id="date-all">
                                <span class="factor-content-item factor-content-item-default">全部</span>
                                <div class="factor-content">
                                    <span class="factor-content-item">今天</span>
                                    <span class="factor-content-item">明天</span>
                                    <span class="factor-content-item">本周末</span>
                                    <span class="factor-content-item">一个月内</span>
                                    <span class="factor-content-item">展览休闲</span>
                                    <label for="date"></label>
                                    <input type="date" name="date" id="date">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="category-sort">
                    <div class="category-sort-tabs">
                        <span class="category-sort-item">相关度排序</span>
                        <span class="category-sort-item active">推荐排序</span>
                        <span class="category-sort-item">最近开场</span>
                        <span class="category-sort-item">最新上架</span>
                    </div>
                    <div class="category-sort-pagination">
                        <a href="#" class="sort-prev sort-prev-zero"></a>
                        <div class="sort-num">
                            <span>1</span> / <span>160</span>
                        </div>
                        <a href="#" class="sort-next"></a>
                    </div>
                </div>
                <div class="category-list">
                    <div class="category-list-main">
                        <div class="category-list-box">
                            <div class="list-item">
                                <a href="" class="list-item-img">
                                    <span class="list-item-tag">演唱会</span>
                                    <img src="./images/category/list/item1.png" alt="">
                                </a>
                                <div class="list-item-info">
                                    <div class="item-info-title">
                                        <span>【天津】</span>
                                        <a href="">BUBBLING&BOILING · 泡泡岛音乐与艺术节 · 京津冀站</a>
                                    </div>
                                    <div class="item-info-text">
                                        艺人：林宥嘉、陈绮贞、新裤子、吴青峰、赵雷、欧阳靖、陈粒、落日飞车、She Her Her Hers、PP Krit 林祎凯、HYBS、Jake
                                        Miller、fkj
                                    </div>
                                    <div class="item-info-text">
                                        <a href="" class="info-location-icon"></a>
                                        <span>天津 | 天津东疆湾沙滩</span>
                                    </div>
                                    <div class="item-info-text">
                                        <a href="" class="info-date-icon"></a>
                                        <span>2023.07.21-07.23</span>
                                    </div>
                                    <div class="item-info-price">
                                        <span>360-1380&nbsp;<i>元</i></span>售票中
                                    </div>
                                </div>
                            </div>
                            <div class="list-item">
                                <a href="" class="list-item-img">
                                    <span class="list-item-tag">演唱会</span>
                                    <img src="./images/category/list/item2.png" alt="">
                                </a>
                                <div class="list-item-info">
                                    <div class="item-info-title">
                                        <span>【上海】</span>
                                        <a href="">2023“SUPER RYCE BOWL 超级范碗”上海演唱会（王嘉尔 曲目9首、Amber刘逸云 曲目8首、PSY.P等领衔）</a>
                                    </div>
                                    <div class="item-info-text">
                                        艺人：王嘉尔、刘逸云/Amber Liu、PSY.P、庄珣J.Sheon、aNSrJ、郑人予、庆怜、奥斯卡
                                    </div>
                                    <div class="item-info-text">
                                        <a href="" class="info-location-icon"></a>
                                        <span>上海 | 浦发银行东方体育中心</span>
                                    </div>
                                    <div class="item-info-text">
                                        <a href="" class="info-date-icon"></a>
                                        <span>2023.07.06 周四</span>
                                    </div>
                                    <div class="item-info-price">
                                        <span>780-1980&nbsp;<i>元</i></span>售票中
                                    </div>
                                </div>
                            </div>
                            <div class="list-item">
                                <a href="" class="list-item-img">
                                    <span class="list-item-tag">演唱会</span>
                                    <img src="./images/category/list/item3.png" alt="">
                                </a>
                                <div class="list-item-info">
                                    <div class="item-info-title">
                                        <span>【衢州】</span>
                                        <a href="">“别来无恙”全明星演唱会·衢州站</a>
                                    </div>
                                    <div class="item-info-text">
                                        艺人：王心凌、汪苏泷、郁可唯艺人：王心凌、汪苏泷、郁可唯
                                    </div>
                                    <div class="item-info-text">
                                        <a href="" class="info-location-icon"></a>
                                        <span>衢州 | 衢州市体育中心体育场</span>
                                    </div>
                                    <div class="item-info-text">
                                        <a href="" class="info-date-icon"></a>
                                        <span>2023.08.06 周日 19:50</span>
                                    </div>
                                    <div class="item-info-price">
                                        <span>288-1088&nbsp;<i>元</i></span>售票中
                                    </div>
                                </div>
                            </div>
                            <div class="list-item">
                                <a href="" class="list-item-img">
                                    <span class="list-item-tag">演唱会</span>
                                    <img src="./images/category/list/item4.png" alt="">
                                </a>
                                <div class="list-item-info">
                                    <div class="item-info-title">
                                        <span>【国际及港澳台】</span>
                                        <a href="">【新加坡站】蔡徐坤KUN 2023「迷」WORLD TOUR IN SINGAPORE</a>
                                    </div>
                                    <div class="item-info-text">
                                        艺人：蔡徐坤
                                    </div>
                                    <div class="item-info-text">
                                        <a href="" class="info-location-icon"></a>
                                        <span>国际及港澳台 | 新加坡金沙会议展览中心第五层-金沙大宴会厅</span>
                                    </div>
                                    <div class="item-info-text">
                                        <a href="" class="info-date-icon"></a>
                                        <span>2023.07.06 周四</span>
                                    </div>
                                    <div class="item-info-price">
                                        <span>480-1880&nbsp;<i>元</i></span>售票中
                                    </div>
                                </div>
                            </div>
                            <div class="list-item">
                                <a href="" class="list-item-img">
                                    <span class="list-item-tag">演唱会</span>
                                    <img src="./images/category/list/item5.png" alt="">
                                </a>
                                <div class="list-item-info">
                                    <div class="item-info-title">
                                        <span>【厦门】</span>
                                        <a href="">第四届鼓浪屿音乐节</a>
                                    </div>
                                    <div class="item-info-text">
                                        艺人：颜人中、沈以诚、郑润泽、好妹妹、余佳运、裘德、TangoZ、左元杰、小酷Coola
                                    </div>
                                    <div class="item-info-text">
                                        <a href="" class="info-location-icon"></a>
                                        <span>厦门 | 鼓浪屿港仔后沙滩</span>
                                    </div>
                                    <div class="item-info-text">
                                        <a href="" class="info-date-icon"></a>
                                        <span>2023.07.21-07.23</span>
                                    </div>
                                    <div class="item-info-price">
                                        <span>228-608&nbsp;<i>元</i></span>售票中
                                    </div>
                                </div>
                            </div>
                            <div class="list-item">
                                <a href="" class="list-item-img">
                                    <span class="list-item-tag">演唱会</span>
                                    <img src="./images/category/list/item6.png" alt="">
                                </a>
                                <div class="list-item-info">
                                    <div class="item-info-title">
                                        <span>【上海】</span>
                                        <a href="">DEADLINE 小鬼-王琳凯2023巡回演唱会-上海站</a>
                                    </div>
                                    <div class="item-info-text">
                                        艺人：小鬼-王琳凯
                                    </div>
                                    <div class="item-info-text">
                                        <a href="" class="info-location-icon"></a>
                                        <span>上海 | 梅赛德斯-奔驰文化中心</span>
                                    </div>
                                    <div class="item-info-text">
                                        <a href="" class="info-date-icon"></a>
                                        <span>2023.07.08 周六</span>
                                    </div>
                                    <div class="item-info-price">
                                        <span>520-1580&nbsp;<i>元</i></span>售票中
                                    </div>
                                </div>
                            </div>
                            <div class="list-item">
                                <a href="" class="list-item-img">
                                    <span class="list-item-tag">演唱会</span>
                                    <img src="./images/category/list/item7.png" alt="">
                                </a>
                                <div class="list-item-info">
                                    <div class="item-info-title">
                                        <span>【北京】</span>
                                        <a href="">HOTDOG•2023北京MDSK音乐节</a>
                                    </div>
                                    <div class="item-info-text">
                                        艺人：马思唯、丹镇北京、Gali、谢帝、杨和苏、艾福杰尼、队长YoungCaptain、李大奔、KEY.L刘聪、乃万、PSY.P、陶喆
                                    </div>
                                    <div class="item-info-text">
                                        <a href="" class="info-location-icon"></a>
                                        <span>北京 | 北京延庆世园公园6号门南侧</span>
                                    </div>
                                    <div class="item-info-text">
                                        <a href="" class="info-date-icon"></a>
                                        <span>2023.07.08-07.09</span>
                                    </div>
                                    <div class="item-info-price">
                                        <span>328-898&nbsp;<i>元</i></span>售票中
                                    </div>
                                </div>
                            </div>
                            <div class="list-item">
                                <a href="" class="list-item-img">
                                    <span class="list-item-tag">演唱会</span>
                                    <img src="./images/category/list/item8.png" alt="">
                                </a>
                                <div class="list-item-info">
                                    <div class="item-info-title">
                                        <span>【广州】</span>
                                        <a href="">2023年余景天见面会-广州站</a>
                                    </div>
                                    <div class="item-info-text"></div>
                                    <div class="item-info-text">
                                        <a href="" class="info-location-icon"></a>
                                        <span>广州 | 广州亚运城综合体育馆</span>
                                    </div>
                                    <div class="item-info-text">
                                        <a href="" class="info-date-icon"></a>
                                        <span>2023.07.15 周六 19:30</span>
                                    </div>
                                    <div class="item-info-price">
                                        <span>480-1280&nbsp;<i>元</i></span>售票中
                                    </div>
                                </div>
                            </div>
                            <div class="list-item">
                                <a href="" class="list-item-img">
                                    <span class="list-item-tag">话剧歌剧</span>
                                    <img src="./images/category/list/item9.png" alt="">
                                </a>
                                <div class="list-item-info">
                                    <div class="item-info-title">
                                        <span>【上海】</span>
                                        <a href="">开心麻花年度巨制音乐剧《独行月球》</a>
                                    </div>
                                    <div class="item-info-text"></div>
                                    <div class="item-info-text">
                                        <a href="" class="info-location-icon"></a>
                                        <span>上海 | 上海文化广场主剧场</span>
                                    </div>
                                    <div class="item-info-text">
                                        <a href="" class="info-date-icon"></a>
                                        <span>2023.08.03-08.06</span>
                                    </div>
                                    <div class="item-info-tags">
                                        <span>可选座</span>
                                    </div>
                                    <div class="item-info-price">
                                        <span>80-1180&nbsp;<i>元</i></span>售票中
                                    </div>
                                </div>
                            </div>
                            <div class="list-item">
                                <a href="" class="list-item-img">
                                    <span class="list-item-tag">演唱会</span>
                                    <img src="./images/category/list/item10.png" alt="">
                                </a>
                                <div class="list-item-info">
                                    <div class="item-info-title">
                                        <span>【贵阳】</span>
                                        <a href="">2023雪花Z纪元山湖音乐节</a>
                                    </div>
                                    <div class="item-info-text">
                                        艺人：许嵩、朴树、赵雷、陈楚生、马思唯、顽童MJ116、刘彰、Fine乐团、棱镜乐队、霓虹花园、王以太、沙一汀、张颜齐、郑润泽
                                    </div>
                                    <div class="item-info-text">
                                        <a href="" class="info-location-icon"></a>
                                        <span>贵阳 | 观山湖公园民族大联欢广场</span>
                                    </div>
                                    <div class="item-info-text">
                                        <a href="" class="info-date-icon"></a>
                                        <span>2023.07.22-07.23</span>
                                    </div>
                                    <div class="item-info-price">
                                        <span>228-566&nbsp;<i>元</i></span>售票中
                                    </div>
                                </div>
                            </div>

                            <div class="list-item">
                                <a href="" class="list-item-img">
                                    <span class="list-item-tag">演唱会</span>
                                    <img src="./images/category/list/item11.png" alt="">
                                </a>
                                <div class="list-item-info">
                                    <div class="item-info-title">
                                        <span>【福州】</span>
                                        <a href="">闽江之心青年音乐季之“当燃有你”音乐节</a>
                                    </div>
                                    <div class="item-info-text">
                                        艺人：郭聪明、麻园诗人、万妮达、队长YoungCaptain、黄旭、郑润泽、低苦艾乐队、白纸扇、跳大海、宋宇宁、徐秉龙、孤独的利里、蛙池艺人：郭聪明、麻园诗人、万妮达、队长YoungCaptain、黄旭、郑润泽、低苦艾乐队、白纸扇、跳大海、宋宇宁、徐秉龙、孤独的利里、蛙池
                                    </div>
                                    <div class="item-info-text">
                                        <a href="" class="info-location-icon"></a>
                                        <span>福州 | [闽江之心]青年广场</span>
                                    </div>
                                    <div class="item-info-text">
                                        <a href="" class="info-date-icon"></a>
                                        <span>2023.07.22-07.30</span>
                                    </div>
                                    <div class="item-info-price">
                                        <span>168-368&nbsp;<i>元</i></span>售票中
                                    </div>
                                </div>
                            </div>
                            <div class="list-item">
                                <a href="" class="list-item-img">
                                    <span class="list-item-tag">话剧歌剧</span>
                                    <img src="./images/category/list/item12.png" alt="">
                                </a>
                                <div class="list-item-info">
                                    <div class="item-info-title">
                                        <span>【杭州】</span>
                                        <a href=""> [明星加盟]开心麻花摇滚喜剧《牢友记》</a>
                                    </div>
                                    <div class="item-info-text">
                                        艺人：黄龄
                                    </div>
                                    <div class="item-info-text">
                                        <a href="" class="info-location-icon"></a>
                                        <span>杭州 | 杭州东坡大剧院</span>
                                    </div>
                                    <div class="item-info-text">
                                        <a href="" class="info-date-icon"></a>
                                        <span>2023.07.28-08.04</span>
                                    </div>
                                    <div class="item-info-tags">
                                        <span>可选座</span>
                                    </div>
                                    <div class="item-info-price">
                                        <span>80-1280&nbsp;<i>元</i></span>售票中
                                    </div>
                                </div>
                            </div>
                            <div class="list-item">
                                <a href="" class="list-item-img">
                                    <span class="list-item-tag">演唱会</span>
                                    <img src="./images/category/list/item13.png" alt="">
                                </a>
                                <div class="list-item-info">
                                    <div class="item-info-title">
                                        <span>【郑州】</span>
                                        <a href="">2023痛仰「在路上」巡回演唱会</a>
                                    </div>
                                    <div class="item-info-text">
                                        艺人：痛仰乐队
                                    </div>
                                    <div class="item-info-text">
                                        <a href="" class="info-location-icon"></a>
                                        <span>郑州 | 郑州国际会展中心</span>
                                    </div>
                                    <div class="item-info-text">
                                        <a href="" class="info-date-icon"></a>
                                        <span>2023.07.29 周六 20:00</span>
                                    </div>
                                    <div class="item-info-price">
                                        <span>480-680&nbsp;<i>元</i></span>售票中
                                    </div>
                                </div>
                            </div>
                            <div class="list-item">
                                <a href="" class="list-item-img">
                                    <span class="list-item-tag">演唱会</span>
                                    <img src="./images/category/list/item14.png" alt="">
                                </a>
                                <div class="list-item-info">
                                    <div class="item-info-title">
                                        <span>【广州】</span>
                                        <a href="">2023五条人大时代歌厅巡回演唱会—广州站</a>
                                    </div>
                                    <div class="item-info-text">
                                        艺人：五条人
                                    </div>
                                    <div class="item-info-text">
                                        <a href="" class="info-location-icon"></a>
                                        <span>广州 | 广州体育馆</span>
                                    </div>
                                    <div class="item-info-text">
                                        <a href="" class="info-date-icon"></a>
                                        <span>2023.07.22 周六 20:00</span>
                                    </div>
                                    <div class="item-info-price">
                                        <span>380-980&nbsp;<i>元</i></span>售票中
                                    </div>
                                </div>
                            </div>
                            <div class="list-item">
                                <a href="" class="list-item-img">
                                    <span class="list-item-tag">演唱会</span>
                                    <img src="./images/category/list/item15.png" alt="">
                                </a>
                                <div class="list-item-info">
                                    <div class="item-info-title">
                                        <span>【武汉】</span>
                                        <a href="">武汉欢乐谷HOHA音乐节</a>
                                    </div>
                                    <div class="item-info-text">
                                        艺人：康士坦的变化球、买辣椒也用券、许嵩、某幻君、宝石GEM、草东没有派对、KEY.L刘聪
                                    </div>
                                    <div class="item-info-text">
                                        <a href="" class="info-location-icon"></a>
                                        <span>武汉 | 武汉欢乐谷</span>
                                    </div>
                                    <div class="item-info-text">
                                        <a href="" class="info-date-icon"></a>
                                        <span>2023.07.08-08.22</span>
                                    </div>
                                    <div class="item-info-price">
                                        <span>120-200&nbsp;<i>元</i></span>售票中
                                    </div>
                                </div>
                            </div>
                            <div class="list-item">
                                <a href="" class="list-item-img">
                                    <span class="list-item-tag">演唱会</span>
                                    <img src="./images/category/list/item16.png" alt="">
                                </a>
                                <div class="list-item-info">
                                    <div class="item-info-title">
                                        <span>【广州】</span>
                                        <a href="">蔡健雅“Let’s Depart！ 给世界最悠长的吻”巡回演唱会-广州站</a>
                                    </div>
                                    <div class="item-info-text">
                                        艺人：蔡健雅
                                    </div>
                                    <div class="item-info-text">
                                        <a href="" class="info-location-icon"></a>
                                        <span>广州 | 广州体育馆</span>
                                    </div>
                                    <div class="item-info-text">
                                        <a href="" class="info-date-icon"></a>
                                        <span>2023.07.08 周六</span>
                                    </div>
                                    <div class="item-info-price">
                                        <span>399-1099&nbsp;<i>元</i></span>售票中
                                    </div>
                                </div>
                            </div>
                            <div class="list-item">
                                <a href="" class="list-item-img">
                                    <span class="list-item-tag">演唱会</span>
                                    <img src="./images/category/list/item17.png" alt="">
                                </a>
                                <div class="list-item-info">
                                    <div class="item-info-title">
                                        <span>【中国澳门】</span>
                                        <a href="">【音乐节】TMEA腾讯音乐娱乐盛典 音乐节</a>
                                    </div>
                                    <div class="item-info-text"></div>
                                    <div class="item-info-text">
                                        <a href="" class="info-location-icon"></a>
                                        <span>中国澳门 | 中国澳门孙逸仙大马路(近旅游塔新城填海地)</span>
                                    </div>
                                    <div class="item-info-text">
                                        <a href="" class="info-date-icon"></a>
                                        <span>2023.07.08-07.09</span>
                                    </div>
                                    <div class="item-info-price">
                                        <span>880-1380&nbsp;<i>元</i></span>售票中
                                    </div>
                                </div>
                            </div>
                            <div class="list-item">
                                <a href="" class="list-item-img">
                                    <span class="list-item-tag">演唱会</span>
                                    <img src="./images/category/list/item18.png" alt="">
                                </a>
                                <div class="list-item-info">
                                    <div class="item-info-title">
                                        <span>【中国澳门】</span>
                                        <a href="">【音乐典礼】TMEA腾讯音乐娱乐盛典 音乐典礼</a>
                                    </div>
                                    <div class="item-info-text"></div>
                                    <div class="item-info-text">
                                        <a href="" class="info-location-icon"></a>
                                        <span>中国澳门 | 银河综艺馆</span>
                                    </div>
                                    <div class="item-info-text">
                                        <a href="" class="info-date-icon"></a>
                                        <span>2023.07.08-07.09</span>
                                    </div>
                                    <div class="item-info-price">
                                        <span>580-1880&nbsp;<i>元</i></span>售票中
                                    </div>
                                </div>
                            </div>
                            <div class="list-item">
                                <a href="" class="list-item-img">
                                    <span class="list-item-tag">演唱会</span>
                                    <img src="./images/category/list/item19.png" alt="">
                                </a>
                                <div class="list-item-info">
                                    <div class="item-info-title">
                                        <span>【抚州】</span>
                                        <a href="">2023玉茗花开音乐节</a>
                                    </div>
                                    <div class="item-info-text">
                                        艺人：杨丞琳、欧阳靖、姚琛、谢帝、PSY.P、派克特、小青龙、李荣浩、孟美岐、夏瀚宇、赵照、陈硕子、马王HorseKing、林墨、灼海豚乐队、天熙乐队
                                    </div>
                                    <div class="item-info-text">
                                        <a href="" class="info-location-icon"></a>
                                        <span>抚州 | 三翁花园</span>
                                    </div>
                                    <div class="item-info-text">
                                        <a href="" class="info-date-icon"></a>
                                        <span>2023.07.14-07.15</span>
                                    </div>
                                    <div class="item-info-price">
                                        <span>380-580&nbsp;<i>元</i></span>售票中
                                    </div>
                                </div>
                            </div>
                            <div class="list-item">
                                <a href="" class="list-item-img">
                                    <span class="list-item-tag">演唱会</span>
                                    <img src="./images/category/list/item20.png" alt="">
                                </a>
                                <div class="list-item-info">
                                    <div class="item-info-title">
                                        <span>【仙桃】</span>
                                        <a href="">2023VAC电音节</a>
                                    </div>
                                    <div class="item-info-text"></div>
                                    <div class="item-info-text">
                                        <a href="" class="info-location-icon"></a>
                                        <span>仙桃 | 沔阳小镇</span>
                                    </div>
                                    <div class="item-info-text">
                                        <a href="" class="info-date-icon"></a>
                                        <span>2023.11.04-11.05</span>
                                    </div>
                                    <div class="item-info-price">
                                        <span>680-1680&nbsp;<i>元</i></span>售票中
                                    </div>
                                </div>
                            </div>
                            <div class="list-item">
                                <a href="" class="list-item-img">
                                    <span class="list-item-tag">演唱会</span>
                                    <img src="./images/category/list/item21.png" alt="">
                                </a>
                                <div class="list-item-info">
                                    <div class="item-info-title">
                                        <span>【西安】</span>
                                        <a href="">「矩浪音乐节2023西安PLUS」</a>
                                    </div>
                                    <div class="item-info-text">
                                        艺人：CJ周密、弹壳、DIGI GHETTO、黄誉博、姜云升、左元杰、马思唯、某幻君、圣代、TY.、许嵩、小鬼-王琳凯、直火帮
                                    </div>
                                    <div class="item-info-text">
                                        <a href="" class="info-location-icon"></a>
                                        <span>西安 | 汉长安城未央宫国家遗址公园</span>
                                    </div>
                                    <div class="item-info-text">
                                        <a href="" class="info-date-icon"></a>
                                        <span>2023.07.29-07.30</span>
                                    </div>
                                    <div class="item-info-price">
                                        <span>528-989&nbsp;<i>元</i></span>售票中
                                    </div>
                                </div>
                            </div>
                            <div class="list-item">
                                <a href="" class="list-item-img">
                                    <span class="list-item-tag">演唱会</span>
                                    <img src="./images/category/list/item22.png" alt="">
                                </a>
                                <div class="list-item-info">
                                    <div class="item-info-title">
                                        <span>【广州】</span>
                                        <a href="">黄绮珊绮望三十巡回演唱会 广州特别专场</a>
                                    </div>
                                    <div class="item-info-text">
                                        艺人：黄绮珊
                                    </div>
                                    <div class="item-info-text">
                                        <a href="" class="info-location-icon"></a>
                                        <span>广州 | 广州中山纪念堂</span>
                                    </div>
                                    <div class="item-info-text">
                                        <a href="" class="info-date-icon"></a>
                                        <span>2023.12.01-12.03</span>
                                    </div>
                                    <div class="item-info-price">
                                        <span>380-980&nbsp;<i>元</i></span>售票中
                                    </div>
                                </div>
                            </div>
                            <div class="list-item">
                                <a href="" class="list-item-img">
                                    <span class="list-item-tag">演唱会</span>
                                    <img src="./images/category/list/item23.png" alt="">
                                </a>
                                <div class="list-item-info">
                                    <div class="item-info-title">
                                        <span>【青岛】</span>
                                        <a href="">首届山海星潮音乐节（崂山）</a>
                                    </div>
                                    <div class="item-info-text">
                                        艺人：张信哲、艾热、DamnShine、房东的猫、威尔Will.T、Wiz_H张子豪、后弦、果味VC、王贰浪
                                    </div>
                                    <div class="item-info-text">
                                        <a href="" class="info-location-icon"></a>
                                        <span>青岛 | 青岛国信体育场</span>
                                    </div>
                                    <div class="item-info-text">
                                        <a href="" class="info-date-icon"></a>
                                        <span>2023.07.22-07.23</span>
                                    </div>
                                    <div class="item-info-price">
                                        <span>268-698&nbsp;<i>元</i></span>售票中
                                    </div>
                                </div>
                            </div>
                            <div class="list-item">
                                <a href="" class="list-item-img">
                                    <span class="list-item-tag">演唱会</span>
                                    <img src="./images/category/list/item24.png" alt="">
                                </a>
                                <div class="list-item-info">
                                    <div class="item-info-title">
                                        <span>【西安】</span>
                                        <a href="">【西安】玩世TIME音乐节</a>
                                    </div>
                                    <div class="item-info-text">
                                        艺人：宝石GEM、C-BLOCK、贰万、法老、GAI、KNOWKNOW、MC HOTDOG、PSY.P、派克特、Cream d、Dirty
                                        Twinz、辛巴、龙胆紫、九维、Dirty Moon 坏月亮乐队、小精灵、杨和苏、于意yee、早安
                                    </div>
                                    <div class="item-info-text">
                                        <a href="" class="info-location-icon"></a>
                                        <span>西安 | 未央区汉长城大风阁西侧</span>
                                    </div>
                                    <div class="item-info-text">
                                        <a href="" class="info-date-icon"></a>
                                        <span>2023.07.15-07.16</span>
                                    </div>
                                    <div class="item-info-price">
                                        <span>399-699&nbsp;<i>元</i></span>售票中
                                    </div>
                                </div>
                            </div>
                            <div class="list-item">
                                <a href="" class="list-item-img">
                                    <span class="list-item-tag">演唱会</span>
                                    <img src="./images/category/list/item25.png" alt="">
                                </a>
                                <div class="list-item-info">
                                    <div class="item-info-title">
                                        <span>【温州】</span>
                                        <a href="">2023楠溪江XIHU ROCK</a>
                                    </div>
                                    <div class="item-info-text">
                                        艺人：万能青年旅店、二手玫瑰、舌头乐队、木马乐队、Joyside、旅行团乐队、棱镜乐队、STOLEN秘密行动、法兹乐队、麻园诗人、蛙池、CHINESE
                                        FOOTBALL、疯医乐队、羽果乐队、时间不够以后、孤独的利里、声无哀乐、Shanghai Qiutian、Bad sweetheart
                                    </div>
                                    <div class="item-info-text">
                                        <a href="" class="info-location-icon"></a>
                                        <span>温州 | 楠溪江滩地音乐公园</span>
                                    </div>
                                    <div class="item-info-text">
                                        <a href="" class="info-date-icon"></a>
                                        <span>2023.07.08-07.09</span>
                                    </div>
                                    <div class="item-info-price">
                                        <span>180-480&nbsp;<i>元</i></span>售票中
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="category-list-pagination">
                        <div class="pagination-box">
                            <ul class="pager">
                                <li><a href="#" id="btn-prev">&lt;</a></li>
                                <li><a href="#" class="number active">1</a></li>
                                <li><a href="#" class="number">2</a></li>
                                <li><a href="#" class="number">3</a></li>
                                <li><a href="#" class="number">4</a></li>
                                <li><a href="#" class="number">5</a></li>
                                <li><a href="#" class="number">6</a></li>
                                <li><a href="#" id="btn-next">&gt;</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>

            <div class="category-like">
                <div class="category-like-title">您可能还喜欢</div>
                <div class="category-like-sidebar">
                    <div class="category-sidebar-item">
                        <a href=""><img src="./images/category/like/like1.png" alt=""></a>
                        <div class="category-sidebar-info">
                            <a href="" class="sidebar-info-title">长安音乐节</a>
                            <div class="sidebar-info-venue">大明宫国家遗址公园御道广场</div>
                            <div class="sidebar-info-venue">2023.07.07-07.09</div>
                            <div class="sidebar-info-price"><strong>199.0元</strong>起</div>
                        </div>
                    </div>
                    <div class="category-sidebar-item">
                        <a href=""><img src="images/category/like/like2.png" alt=""></a>
                        <div class="category-sidebar-info">
                            <a href="" class="sidebar-info-title">玩世TIME音乐节</a>
                            <div class="sidebar-info-venue">未央区汉长城大风阁西侧</div>
                            <div class="sidebar-info-venue">2023.07.15-07.16</div>
                            <div class="sidebar-info-price"><strong>399.0元</strong>起</div>
                        </div>
                    </div>
                    <div class="category-sidebar-item">
                        <a href=""><img src="images/category/like/like3.png" alt=""></a>
                        <div class="category-sidebar-info">
                            <a href="" class="sidebar-info-title">「矩浪音乐节2023西安PLUS」</a>
                            <div class="sidebar-info-venue">汉长安城未央宫国家遗址公园</div>
                            <div class="sidebar-info-venue">2023.07.29-07.30</div>
                            <div class="sidebar-info-price"><strong>528.0元</strong>起</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="footer">
        <div class="f-container">
            <div class="f-tabs">
                <ul class="f-links">
                    <li class="links-list">帮助中心</li>
                    <li class="links-grep">|</li>
                    <li class="links-list">公司介绍</li>
                    <li class="links-grep">|</li>
                    <li class="links-list">品牌识别</li>
                    <li class="links-grep">|</li>
                    <li class="links-list">公司大记事</li>
                    <li class="links-grep">|</li>
                    <li class="links-list">协议及隐私权政策</li>
                    <li class="links-grep">|</li>
                    <li class="links-list">廉政举报</li>
                    <li class="links-grep">|</li>
                    <li class="links-list">联系合作</li>
                    <li class="links-grep">|</li>
                    <li class="links-list">招聘信息</li>
                    <li class="links-grep">|</li>
                    <li class="links-list">防骗秘籍</li>
                </ul>
            </div>
            <div class="f-info">
                <div class="info-left">
                    <a href="index.html" class="info-logo">
                        <img src="images/index/footer/logo.png" alt="">
                    </a>
                    <div class="info-qrcode">
                        <img src="images/index/footer/qrcode.png" alt="">
                        <span>APP下载</span>
                    </div>
                </div>
                <div class="info-right">
                    <div class="info-contact">
                        <a href="https://www.tedu.cn/tmooc-kf.html">在线客服</a>
                    </div>
                    <div class="info-list">
                        <ul>
                            <li>达内广州校区</li>
                            <li class="list-grep">|</li>
                            <li>达内在线WWW.TMOOC.CN 专注于IT职业技能培训</li>
                        </ul>
                    </div>
                    <div class="info-list">
                        <ul>
                            <li>联系方式:&nbsp;&nbsp;</li>
                            <li>woshihuahuaa@outlook.com&nbsp;&nbsp;</li>
                            <li>广州市天河区天河路351号广东外经贸大厦2楼</li>
                        </ul>
                    </div>
                    <div class="info-list">
                        <ul>
                            <li>开发团队:&nbsp;&nbsp;</li>
                            <li>颜云华&nbsp;&nbsp;叶兆康&nbsp;&nbsp;汤杰华&nbsp;&nbsp;黄智鹏</li>
                        </ul>
                    </div>
                    <div class="info-list">
                        <ul>
                            <li>Copyright © 达内广州校区black团队所有</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="sidebar">
        <div class="s-item s-block">
            <div class="s-icon damai"></div>
            <p>APP下载</p>
            <div class="s-qrcode"></div>
        </div>
        <div class="s-item" id="scroll-top">
            <div class="s-icon gotop"></div>
            <p>回到顶部</p>
        </div>
    </div>

    <script type="text/javascript" src="./js/index.js"></script>
    <script type="text/javascript" src="./js/category.js"></script>
</body>
</html>
